<template>
<div id="app">
    <input type="file" name="img">
    <!--<input type="text" value="" id="username" v-model="username" name="username"/>-->
    <button @click="upload">上传图片</button>
  </div>
</template>
<script>
const axios = require('axios')
export default {
  data () {
    return {
    }
  },
  methods: {
    upload: function () {
      var formData = new window.FormData()
      var files = document.querySelector('input[type=file]').files[0]
      formData.append('userfile', files)
      // 'userfile' 这个名字要和后台获取文件的名字一样;
      // formData.append('username', this.username)// 'userfile' 这个名字要和后台获取文件的名字一样;

      var options = { // 设置axios的参数
        url: 'http://127.0.0.1/month10/8.14/laravel/public/api/upload',
        data: formData,
        method: 'post',
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      }
      axios(options).then((res) => {})
    }
  }
}
</script>
